// ----- Tabs content styles
.tabsContent {
  background: none $shade-light-0;
  border: 1px solid $shade-light-50;
  border-radius: $common-radius;
  padding: 2em 1.5em;
}

.tabsContent .tabsContent,
.mainNoTabs .tabsContent {
  border: medium none;
  box-shadow: none;
}

.tabsBar ~ .tabsContent {
  margin: 1em 0 0;
}

.subtabsBar ~ .tabsContent {
  padding: 2em 0;
}

.mainNoTabs {
  background-color: $shade-light-0;
  border: 1px solid $shade-light-50;
  border-radius: $common-radius;
  padding: 2em;
}

.mainNoTabs h1 {
  margin: 0;
  padding-top: 0;
}

.mainNoTabs h3 {
  border-bottom: 1px solid $shade-light-30;
  margin: -.5em -1.5rem 1.5rem;
  padding: 0 1.5em 1em;
}

.tabsContent > h2,
.tabsContent > h3 {
  margin-top: 0;
  padding-top: 0;
}

.contentViewTitle {
  border-bottom: 1px solid $shade-light-50;
  clear: both;
  line-height: normal;
  margin: 1em 0 .5em;
}

.contentViewTitle h3 {
  border: 0;
  font-size: 1.3em;
  margin: .7em 0 .5em;
  padding: .3em 0 .2em;
}

.documentTitle {
  display: inline-block;
}

.documentDownloadLink {
  margin-left: .3em;
}

.documentDownloadLink > img {
  height: 12px;
  vertical-align: middle;
  width: 12px;
}

.description_block {
  color: $shade-strong-20;
  line-height: 155%;
}

.description_block span {
  display: block;
  font-size: 1em;
}

.description_block span.documentDescription {
  color: $font-color;
  font-size: 1.1em;
  font-weight: bold;
}

.description_block .createdBy {
  color: $font-color;
  font-weight: bold;
  padding: 0;
}

.description_block .creationDate {
  display: inline-block;
}

.dublincore_block table.floatingLeftTable {
  float: left;
  margin-right: 100px;
}

.labelColumnLeftAlign {
  font-weight: bold;
  padding-right: 2.5em;
}

.coloredWidget {
  background: none $widget;
  border-radius: $common-radius;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), -1px 0 0 rgba(0, 0, 0, .02), 1px 0 0 rgba(0, 0, 0, .02), 0 1px 0 rgba(0, 0, 0, .10);
  display: block;
  margin-bottom: 1em;
  padding: 1rem !important;
}

.content_block .summaryTitle,
.metadata_block .summaryTitle,
.coloredWidget .summaryTitle {
  border-top: medium none;
  padding: 0 0 .5em;
}

.content_block .actionsColumn {
  min-width: 15%;
}

.content_block .actionsColumn div {
  display: inline;
}

.content_block .smallTable {
  width: 100%;
}

.content_block .dropContent,
.content_block .dropAttachments {
  margin: 0 0 .5rem;
}

.content_block .smallTable td {
  border: 0;
  padding-left: .3rem;
}

.content_block .fieldColumn,
.tabsContent .radioColumn ~ .fieldColumn {
  max-width: 10em;
  word-wrap: break-word;
}

.content_block .fieldColumn {
  font-size: 1.1em;
}

.content_block .fieldColumn .detail {
  margin-left: .5em;
  white-space: nowrap;
}

.textBlock,
.note_content_block {
  border: 1px solid $shade-light-50;
  border-radius: $common-radius;
  color: $shade-strong-100;
  display: block;
  margin: 0 0 1.4em;
  overflow: hidden;
  padding: 1.4em 1.7em;
}

.note_content_block {
  font-size: 115%;
  text-align: justify;
}

.textBlock p,
.textBlock div,
.textBlock span,
.note_content_block p,
.note_content_block div,
.note_content_block span {
  font-size: 1.05em;
  line-height: 170%;
}

.textBlock i,
.textBlock em,
.textBlock var,
.textBlock dfn,
.textBlock cite,
.note_content_block i,
.note_content_block em,
.note_content_block var,
.note_content_block dfn,
.note_content_block cite {
  font-style: italic;
}

.textBlock p,
.textBlock div,
.note_content_block p,
.note_content_block div {
  padding: .2em 0 .9em;
}

.textBlock img,
.note_content_block img {
  max-height: 150px;
  max-width: 200px;
}

.textBlock h1,
.textBlock h2,
.textBlock h3,
.textBlock h4,
.textBlock h5,
.textBlock h6,
.note_content_block h1,
.note_content_block h2,
.note_content_block h3,
.note_content_block h4,
.note_content_block h5,
.note_content_block h6 {
  font-weight: bold;
  line-height: normal;
  margin: 0;
}

.textBlock h1,
.note_content_block h1 {
  font-size: 2em;
  padding: .5em 0 .8em;
}

.textBlock h2,
.note_content_block h2 {
  font-size: 1.6em;
  padding: .6em 0 .4em;
}

.textBlock h3,
.note_content_block h3 {
  font-size: 1.4em;
  padding: .45em 0 .38em;
}

.textBlock h4,
.note_content_block h4 {
  color: $title;
  font-size: 1.3em;
  padding: .45em 0 .35em;
}

.textBlock h5,
.note_content_block h5 {
  color: $title;
  font-size: 1.1em;
  padding: .35em 0 .25em;
}

.textBlock h6,
.note_content_block h6 {
  color: $shade-strong-20;
  font-size: 1.1em;
  padding: .35em 0 .25em;
}

.textBlock ul,
.textBlock ol,
.note_content_block ul,
.note_content_block ol {
  margin: 0 0 .4em;
  padding: 0 0 0 2.7em;
}

.textBlock li,
.note_content_block li {
  line-height: 1.6em;
  list-style: inherit;
}

.textBlock ul,
.textBlock ul ul ul,
.textBlock ul ul ul ul ul,
.note_content_block ul,
.note_content_block ul ul ul,
.note_content_block ul ul ul ul ul {
  list-style: disc outside none;
}

.textBlock ul ul,
.textBlock ul ul ul ul,
.textBlock ul ul ul ul ul ul,
.note_content_block ul ul,
.note_content_block ul ul ul ul,
.note_content_block ul ul ul ul ul ul {
  list-style: circle outside none;
}

.textBlock ol,
.note_content_block ol {
  list-style: decimal outside none;
}

.textBlock ol ol,
.textBlock ol ol ol ol,
.textBlock ol ol ol ol ol ol,
.note_content_block ol ol,
.note_content_block ol ol ol ol,
.note_content_block ol ol ol ol ol ol {
  list-style: lower-alpha outside none;
}

.textBlock ol ol ol,
.textBlock ol ol ol ol ol,
.note_content_block ol ol ol,
.note_content_block ol ol ol ol ol {
  list-style: lower-roman outside none;
}

.textBlock pre,
.textBlock code,
.note_content_block pre,
.note_content_block code {
  background-color: $shade-light-10;
  border: 1px solid $shade-light-50;
  border-radius: $common-radius;
  font-family: "Lucida Console","Monaco","Courier", monospace;
  font-size: 90%;
  line-height: normal;
  max-width: 60em;
  overflow: auto;
  padding: 0 .2em;
}

.textBlock pre,
.note_content_block pre {
  border-color: $shade-light-50;
  margin: 0 auto 1em;
  padding: .4em;
}

.textBlock pre code,
.note_content_block pre code {
  border: 0;
  font-size: 100%;
}

.textBlock table,
.note_content_block table {
  border-collapse: unset;
  border-color: $shade-medium-10;
  border-spacing: initial;
}

.textBlock table td,
.note_content_block table td {
  border-color: $shade-medium-10;
  padding: .2em .5em;
  vertical-align: inherit;
}

.lockFile_block,
.restoreFile_block {
  padding: 0 0 1em;
}

.lockDetail,
.DetailList {
  padding-top: .4em;
}

.summary_locked {
  color: $warning-label;
  font-weight: bold;
}

.summary_unlocked {
  color: $info-label;
  font-weight: bold;
}

.lcAndVersion {
  border: 1px solid $shade-light-50;
  padding: .3em;
}

.versionNumber {
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

.actions_block {
  margin: 1em 0;
  padding: 1em .6em .2em;
}

.comments_block .commentBlock {
  border: 0;
}

.comments_block .commentQuote {
  margin: .4em 0 .4em 2em;
}

.summary .pictureContainer {
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.dimensionSeparator:after {
  content: 'x';
  display: inline-block;
  padding: 0 .4em;
}

.summary .note_content_block {
  margin: 0;
}

.summary .labelColumn {
  color: $shade-strong-20;
  font-weight: normal;
}

.summary .fieldColumn {
  color: $shade-strong-100;
}

//  =Manage tab
.rightsAddLabel {
  font-weight: bold;
  padding: 0 .4em 0 0;
}

.rightsAddSelect {
  margin-top: 0;
}

.userAndGroupSearch {
  margin: 0;
}

.userAndGroupFilter {
  margin: 1.3em 0 0;
}

.directoryFilter, .searchField {
  border: 1px solid $shade-light-50;
  font-size: 1em;
  margin: 0 .3em 0 0;
  padding: .25em;
}

// =Comments
.commentBlock {
  margin: .7em 0 .8em;
  padding: .2em 1em .2em 0;
}

.commentActions {
  float: right;
  font-size: .8em;
  margin-right: .4em;
  padding: 2em;
}

.commentCreationDate {
  font-weight: normal;
}

.commentQuote {
  margin: .4em 0;
  white-space: pre-line;
}

.commentAuthor {
  background: transparent url('${basePath}/icons/comment.png') no-repeat 4px 4px;
  color: $shade-strong-20;
  font-weight: bold;
  padding: .4em .3em .3em 2.1em;
}

// BubbleBox Listing
.bubbleBox.bubbleListing {
  border: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, .15);
  display: inline-block;
  margin: 0 .4em 1.2em 0;
  transition: box-shadow 450ms cubic-bezier(.3, 1, .4, .9) 0s;
  vertical-align: top;
  width: 17em;
}

.bubbleBox.bubbleListing:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
  cursor: pointer;
}

.bubbleBox.bubbleListing .documentTitle {
  width: 13.75em;
}

.bubbleBox .documentDownloadLink {
  margin: 0;
}

.bubbleBox.bubbleListing span:not(.documentTitle) {
  font-size: .95em;
}

.bubbleBox.bubbleListing input[type="checkbox"] {
  float: right;
  margin: .5em 0;
}

.bubbleBox.bubbleListing .documentDownloadLink img {
  float: right;
}

#document_content .detail,
#nxw_searchContentView .detail {
  display: inline-block;
}

.thumbnailOptions input,
.thumbnailOptions input[type="submit"] {
  background: 0;
  border: 0;
  color: $link;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: inherit;
  text-transform: none;
}

.thumbnailOptions input:hover,
.thumbnailOptions input[type="submit"]:hover {
  color: $link-hover;
}

.infoViewRight .documentTitle,
.bubbleBox.bubbleListing .documentTitle {
  font-weight: bold;
  max-width: 22em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}

// TinyMce override
.nx-page [class*='mce-'] {
  border-radius: 2px !important;
}

.nx-page .mce-throbber,
.nx-page .mce-panel {
  background: $shade-light-0;
}

.nx-page .mce-textbox:focus,
.nx-page .mce-toolbar .mce-btn,
.nx-page .mce-toolbar .mce-btn.mce-disabled,
.nx-page .mce-tinymce button,
.nx-page .mce-panel button {
  box-shadow: none;
}

.nx-page .mce-toolbar-grp.mce-panel,
.nx-page .mce-container iframe,
.nx-page .mce-toolbar .mce-btn,
.nx-page .mce-toolbar .mce-btn.mce-disabled,
.nx-page .mce-btn-group .mce-first,
.nx-page .mce-btn-group .mce-last {
  border: 0;
}

.nx-page .mce-panel,
.nx-page .mce-toolbar .mce-btn,
.nx-page .mce-toolbar .mce-btn.mce-disabled {
  filter: none;
}

.nx-page .mce-btn {
  background: $shade-light-10;
}

.nx-page .mce-btn:hover {
  background: $shade-light-20;
  border-radius: none;
}

.nx-page .mce-tinymce .mce-btn button {
  border: medium none;
  letter-spacing: unset;
  margin: 0;
  padding: .3em;
  text-transform: none;
}

.nx-page .mce-tinymce .mce-btn button:hover {
  background-color: $shade-light-20;
}

.nx-page .mce-toolbar .mce-btn i {
  color: $font-color;
  font-size: 13px;
  text-shadow: none;
}

.nx-page .mce-toolbar .mce-btn:hover i {
  color: $link-hover;
}

.nx-page .mce-toolbar .mce-btn,
.nx-page .mce-toolbar .mce-btn.mce-disabled {
  background: 0;
  padding: 0;
}

.nx-page .mce-toolbar .mce-btn.mce-disabled {
  opacity: .3;
}

.nx-page .mce-panel,
.nx-page .mce-edit-area {
  border: 1px solid $shade-medium-10;
  width: 100% !important;
}

.nx-page .mce-in .mce-panel {
  background: $shade-light-10;
  border-top: 1px solid $shade-medium-10;
}

.nx-page .mce-edit-area {
  border-style: solid none;
}

.nx-page .mce-statusbar .mce-container-body {
  background-color: $shade-light-5;
  padding: .4em;
}

.nx-page .mce-floatpanel {
  border: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
  width: auto !important;
}

.nx-page .mce-textbox:focus {
  border-color: #2e9cff;
}

.nx-page .mce-menu-item:hover,
.nx-page .mce-menu-item.mce-selected,
.nx-page .mce-menu-item:focus,
.nx-page .mce-toolbar .mce-btn.mce-active {
  background: $shade-light-0;
}

.nx-page .mce-menu-item:hover .mce-btn i,
.nx-page .mce-menu-item.mce-selected .mce-btn i,
.nx-page .mce-menu-item:focus .mce-btn i,
.nx-page .mce-toolbar .mce-btn.mce-active i {
  color: $link;
}

.nx-page .mce-menu-item:hover .mce-text,
.nx-page .mce-menu-item.mce-selected .mce-text {
  color: $font-color;
}

.nx-page .mce-tooltip-inner {
  padding: .3em .5em;
}

.nx-page .mce-toolbar-grp.mce-panel {
  box-shadow: 0 0 25px rgba(0, 0, 0, .05) inset;
}

.nx-page .mce-fullscreen {
  z-index: 1050;
}
